iT邦幫忙

2022 iThome 鐵人賽

DAY 12
0
自我挑戰組

鐵人挑戰系列 第 12

Day12- html聊天室

  • 分享至 

  • xImage
  •  

Day12


html一樣使用socket來寫,client-side 的 HTML 使用 live-server 運行後,使用node index.js去啟動server端。刷新HTML頁面,即可看到terminal印出server的console.log()內容。切到client底下的 index.js 連結 server-side 建立的8080端口,關於程式內容與Day10內容差不多

這是最下面的html程式,message是text的input type,這裡是輸入的地方,而傳送訊息的地方用的是button按下可以傳輸,另外一個則是清空聊天紀錄,是用javascript:document.getElementById('responseText').value=''將value的字串全部變為空白。

這是尚未打開連線。

而這是演示的結果,可以看到連線成功會向使用者端傳輸連線開啟!Welcome的字串
而這段回傳的數據是我該回傳到組員做的聊天室格式中。聊天室研究大約如此,接下來會研究其他方向。


上一篇
Day11- html聊天室
下一篇
Day13-卡路里html設計
系列文
鐵人挑戰28
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言